<template>
  <el-dialog title="" width="30%" :visible="viewDialogVisible" @update:visible="$emit('update:viewDialogVisible', !viewDialogVisible)" @close="handeClose">
    <img :src="previewUrl" style="width: 100%">
  </el-dialog>
</template>

<script>
export default {
  name: 'Preview',
  props: {
    viewDialogVisible: {
      type: Boolean,
      default: false
    },
    previewUrl: {
      type: String,
      default: ''
    }
  },
  methods: {
    handeClose() {
      console.log('ss')
      this.$emit('update:viewDialogVisible', false)
    }
  }
}
</script>

<style>

</style>
